<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>腾讯首页布局</title>
	<link rel="stylesheet" href=".\css\main.css">
	<style type="text/css">
	</style>
</head>
<body>
	<div class="whole">
		<div class="main">
				<li class="kongbai"></li>
				<div></div>
				<li class="logo">
					<img src=".\tupian\logo.png" alt="">
				</li>
				<div class="search"  >
				    <!-- 居中显示 -->
				    <div style="height:30px; line-height:30px;"></div>
					<input type="text" style="width: 350px;height: 32px;" ><a href=""><img src=".\tupian\ss.png" alt="" align="center"></a>
				</div>
				<div class="logon">
				    <div style="height:30px; line-height:30px;"></div>
					<li class="weibo"><a href=""><img src=".\tupian\kk.png" alt=""></a></li>
					<li class="kongjian"><a href=""><img src=".\tupian\kk.png" alt=""></a></li>
					<li class="youjian"><a href=""><img src=".\tupian\kk.png" alt=""></a></li>
					<li class="kanshu"><a href=""><img src=".\tupian\kk.png" alt=""></a></li>
					<li class="denglu"><a href=""><img src=".\tupian\kk.png" alt=""></a></li>
				</div>
			</div>
		<div class="navBeat">
		<ul>
			<li class="nav_son"></li>
			<li class="nav_son"></li>
			<li class="nav_son"></li>
			<li class="nav_son"></li>
			<li class="nav_son"></li>
			<li class="nav_son"></li>
			<li class="nav_son_son"></li>
		</ul>
			</div>
		<div class="ad">
			<ul>
				<li class="ad_son"></li>
				<li class="ad_son_son"></li>
			</ul>
		</div>
		<div class="news">
			<div class="newss">
				<div>
					<div class="guangdong"></div>
					<div class="huati">
						<li class="huatitt"></li>
						<li class="huatit"></li>
						<li class="huatit"></li>
					</div>
					<div class="gouwu">
						<li class="gouu"></li>
						<li class="gou"></li>
						<li class="gou"></li>
						<li class="gou"></li>
					</div>
				</div>
			</div>
		</div>
		<div class="add">
			<li class="add_son"><a href=""></a></li>
			<li class="add2"><a href=""></a></li>
		</div>
		<div class="finance">
			<div class="finance_son">
				<div class="finance_sun"></div>
				<div class="finance_sunn"></div>
			</div>
			<div class="finance_son_son"></div>
			
		</div>
		<div class="sport">
			<div class="sport_son">
				<div class="sport_sun"></div>
				<div class="sport_sunn"></div>
			</div>
			<div class="sport_son_son"></div>
		</div>
		<div class="NBA">
				<div>
				<li class="NBA_son"></li>
				<li class="NBA_zhuchang"></li>
				<li class="NBA_saishi"></li>
				</div>
		</div>
		<div class="adb"><a href=""><img src="" alt=""></a>
		</div>

		<div class="yl">
			<div class="yl_son">
				<div class="yl_sun"></div>
				<div class="yl_sunn"></div>
			</div>
			<div class="yl_son_son"></div>
			
		</div>
		<div class="sm">
			<div class="sm_son">
				<div class="sm_sun"></div>
				<div class="sm_sunn"></div>
			</div>
			<div class="sm_son_son"></div>
		</div>

		<div class="adr">
			<div class="adr_son"></div>
			<div class="adr_son_son"></div>
		</div>


		<div class="f">
			<div class="f_son">
				<div class="f_sun"></div>
				<div class="f_sunn"></div>
			</div>
			<div class="f_son_son"></div>
		</div>
		
		<div class="j">
			<div class="j_son">
				<div class="j_sun"></div>
				<div class="j_sunn"></div>
			</div>
			<div class="j_son_son"></div>
		</div>

		<div class="l">
			<div class="l_son">
				<div class="l_sun"></div>
				<div class="l_sunn"></div>
			</div>
			<div class="l_son_son"></div>
		</div>

		<div class="s">
			<div class="s_son">
				<div class="s_sun"></div>
				<div class="s_sunn"></div>
			</div>
			<div class="s_son_son"></div>
		</div>

		<div class="shi">
		 <div style="height:40px; line-height:40px;"></div>
			<ul>
				<li class="shi_son"></li>
				<li class="shi_son"></li>
				<li class="shi_son"></li>
				<li class="shi_son"></li>
				<li class="shi_son"></li>
				<li class="shi_son"></li>
			</ul>
		</div>

		<div class="adrr">
			<div class="adrr_son"></div>
			<div class="adrr_son_son"></div>
		</div>
		
		<div class="lianjie">
		<p><a href="http://www.qq.com">关于腾讯</style></a></p>
		<p><a href="http://www.baidu.com">深圳举报中心</style></a></p>
		</div>

		<div class="last">
			<ul>
				<li class="last_son"><a href="http://www.baidu.com"><img src=".\tupian\pp.png" alt=""></a></li>
				<li class="last_son"></li>
				<li class="last_son"></li>
				<li class="last_son"></li>
				<li class="last_son"></li>
				<li class="last_son"></li>	
			</ul>
		</div>

		</div>
		






	

	
</body>
</html>